import { mapGetters } from 'vuex'

export default {

  computed: {
    ...mapGetters(['themeObj']),
    getStyleObj() {
      if(this.themeObj) {
        return JSON.parse(this.themeObj)
      }
    },
    getBgColorStyle() {
      if(this.getStyleObj) {
        this.iconStyle = {backgroundColor: this.getStyleObj.background}
        return this.iconStyle
      }
    },
    getColorStyle() {
      if(this.getStyleObj) {
        this.textStyle = {color: this.getStyleObj.color}
        return this.textStyle
      }
    },
    getBdColorStyle() {
      if(this.getStyleObj) {
        this.borderStyle = {border: '1px solid ' + this.getStyleObj.background}
        return this.borderStyle
      }
    }
  }
}
